<template>
  <div class="conter">
    <el-container>
      <el-aside width="400px" class="leftconter">
        <img class="logoimg" src="../assets/img/title1_bg.png" alt="" />
        <!-- 组件 -->
        <navbar></navbar>
      </el-aside>
      <el-container>
        <el-main>
          <router-view></router-view>
        </el-main>
        <el-footer class="footer"></el-footer>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import navbar from "../components/Navbar";
import "../assets/css/reset.scss";
export default {
  name: "index",
  components: { navbar },

  data() {
    return {};
  },

  watch: {
    // $route:{
    //      handler(newval,oldval){
    //        console.log(newval.path,oldval)
    //        switch (newval.path) {
    //          case '/index/binglliindex/bingliadd'||'/index/binglliindex/binglilist':
    //              this.index=1
    //            break;
    //          case '/index/bingrenlist':
    //              this.index=0
    //            break;
    //          default:
    //             this.index=8
    //            break;
    //        }
    //      },
    //      immediate:true
    // }
    // $route(to) {
    //   console.log('当前是哪个路由地址'+to.path);
    // },
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
.conter {
  width: 100%;
  height: 100vh;
  background: url("../assets/img/bg.jpg") no-repeat;

  .leftconter {
    background: rgba(255, 255, 255, 0.7);
    height: 100%;
    height: 100vh;
    text-align: center;
    .logoimg {
      width: 90px;
      height: 100px;
      margin: 50px auto;
    }
  }
}
.el-container.is-vertical {
  align-items: flex-start;
}
.el-main {
  padding: 30px;
}
.footer{
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
}
</style>